<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>我的名片</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" href="../../css/footer.css">
<link rel="stylesheet" href="../../css/font_my/iconfont.css">

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		color:#555555;
	}
	/*.oneself{
		width: calc(100% - 20px);
		padding: 0 10px;
	}*/

	.btn{
		width: 50%;
		line-height: 36px;
		border:1px solid #4f81d4;
		color: #4f81d4;
		text-align: center;
		border-radius: 28px 28px 28px 28px;
		margin: 20px 25%;
	}
	.oneselfTop{
		width: calc(100% - 20px);
		padding: 0 10px;
		border-bottom: 10px solid #eee;
	}
	.oneselfTZ{
		width: 100%;
		/*height: 250px;*/
		border:1px solid #ccc;
		/*border-radius: 5px;*/
		box-shadow: 0 0 5px #000000;
		margin-bottom: 10px;

	}
	.oneselfImg{
		width: 100%;
	}
	.oneselfImg img{
		width: 100%;
	}
	.oneselfTB{
		width: 100%;
		height: 60px;
		display: flex;
	}
	.oneselfTBL{
		width: calc(100% - 70px);
		text-indent: 10px;
	}
	.oneselfTBR{
		width: 70px;
	}
	.oneselfTBLT{
		line-height: 30px;
	}
	.oneselfTname{
		font-size: 16px;
		font-weight: bold;
	}
	.oneselfTzw{
		font-size: 13px;
		color: #666666;
	}
	.oneselfTBLB{
		font-size: 13px;
	}
	.oneselfTBR img{
		width: 40px;
		height: 40px;
		margin-top: 10px;
	}
	.oneselfCenter{
		width: 100%;
		padding: 10px 0;
		border-bottom: 10px solid #eee;
	}
	.oneselfP{
		font-size: 17px;
		font-weight: bold;
		text-indent: 10px;
	}
	.oneselfCOne{
		width: calc(100% - 20px);
		padding: 10px 10px;
		display: flex;
		border:1px solid #eaeaea;
	}
	.oneselfCOneL{
		width: 60px;
		font-weight: bold;
		line-height: 30px;
	}
	.oneselfCOneR{
		width: calc(100% - 60px);
		line-height: 30px;
	}




</style>

</head>
<body>
	<div class="oneself">
		<div class="oneselfTop">
			<div class="oneselfTZ">
				<div class="oneselfImg">
					<img src="../../image/my/tx.png" alt="">
				</div>
				<div class="oneselfTB">
					<div class="oneselfTBL">
						<div class="oneselfTBLT"><span class="oneselfTname">张三</span><span class="oneselfTzw">设计</span></div>
						<div class="oneselfTBLB">18666666666</div>
					</div>
					<div class="oneselfTBR">
						<img src="../../image/my/logo.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="oneselfCenter">
			<p class="oneselfP">个人信息</p>
			<div class="oneselfCZ">
				<div class="oneselfCOne">
					<div class="oneselfCOneL">手机</div>
					<div class="oneselfCOneR">18666666666</div>
				</div>
				<div class="oneselfCOne">
					<div class="oneselfCOneL">手机</div>
					<div class="oneselfCOneR">18666666666</div>
				</div>
				<div class="oneselfCOne">
					<div class="oneselfCOneL">手机</div>
					<div class="oneselfCOneR">18666666666</div>
				</div>
			</div>
		</div>
		<div class="oneselfBottom">
			<div class="btn" onclick="window.location.href='message.html'">编辑名片</div>
		</div>

	</div>

<!-- <script src='../../js/jquery.js'></script> -->
<script type="text/javascript">
	// console.log($)

</script>
</body>
</html>